@import './lib/reset.scss';

html, body, #root {
  @include rect(100%, 100%);
}
.container {
  @include flexbox();
  @include flex-direction(column);
  .box {
		@include flex();
		@include rect(100%, auto);
		@include flexbox();
		@include flex-direction(column);
		.list-header{
		  @include rect(100%, 0.44rem);
		  @include background-color(#f7f7f7);
		  @include border(0 0 1px 0,#e0e0e0,solid)
		  #backbtn{
			margin-left: -0.2rem;
		  }
		  .ssk2{
			@include rect(3rem,0.29rem);
			@include background-color(#e5e5e5);
			@include flexbox();
			@include align-items();
			border-radius:0.15rem;
			margin-left: 0.2rem;
			.iconfont{
				@include font-size(0.22rem);
				@include text-color(#919191);
				float: left;
				margin:0 0.1rem;
			}
			.ss{
				border:0;
				float: left;
				@include background-color(#e5e5e5);
				@include text-color(#919191);
				@include rect(2.5rem,0.2rem);
			}
		  }
		}
		.content{
			@include rect(100%,auto);
			.list-top{
				@include background-color(#fff);
				@include rect(100%,0.44rem);
				@include border(0 0 1px 0,#eaeaea,solid)
				ul{
					@include flexbox();
					@include rect(100%,100%);
					li{
					  @include rect(1.1rem,100%);
					  @include flexbox();
					  @include justify-content();
					  @include align-items();
						position: relative;
						.price{
							.iconfont{
								position: absolute;
								top: 0.135rem;
								right: 0.1rem;
								@include font-size(0.12rem);
							}
						}
					}
				}	
			}
			.man-list{
				margin-top:0.1rem;
				@include rect(100%,auto);
				@include background-color(#fff);
				@include flexbox();
				flex-wrap: wrap;
				li{
					@include rect(1.7rem,3.1rem);
					@include background-color(#fff);
					margin-left:0.11rem;
					margin-bottom:0.1rem;
					img{
						@include rect(1.7rem,2.32rem);
					}
					i{
						@include font-size(0.1rem);
						@include text-color(#919191);
					}
					p{
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
					}
					.libottom{
						@include flexbox();
						@include justify-content(space-between);
						@include align-items();
						em{
							@include font-size(0.18rem);
						}
						strong{
							@include rect(0.4rem,0.18rem);
							@include text-color(#f8584f);
							@include border(1px 1px 1px 1px,#f8584f,solid)
							@include flexbox();
							@include justify-content();
							@include align-items();
							@include background-color(#fef0ed);
						}
					}
				}
			}
		}
		}
}